<!--
 * @Author: WeijianXu weijian.xu@unidt.com
 * @Date: 2024-05-27 11:22:02
 * @LastEditors: WeijianXu weijian.xu@unidt.com
 * @LastEditTime: 2024-05-30 17:00:59
 * @FilePath: \front-end-of-task-center\src\views\custom-forms\digit-business-report\report-form.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="digit-report-form">
    <el-form ref="elForm0" class="no-border-wrap" :disabled="disabled" :model="reportData"
      :rules="rules" label-width="160px" size="medium" :span="14">
      <el-row class="page-break" type="default" justify="start" align="center">
        <el-col :span="24"">
          <un-title class=" report-form-title" :font-size="24" content="浙 江 数 商 申 报 书"
          align="center">
          </un-title>
        </el-col>
        <el-col :span="14" :offset="6">
          <el-form-item label="申报类型" prop="reportType">
            <el-checkbox-group v-model="reportData.reportType" size="medium">
              <el-checkbox v-for="(item, index) in reportTypeOptions" :key="index"
                :label="item.value" :disabled="item.disabled">{{ item.label }}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="14" :offset="6">
          <el-form-item label="申 报 单 位（盖章）">
            <el-input v-model="reportData.reportUnit" class="blank_line" placeholder="请输入申报单位，打印后盖章"
              clearable></el-input>
          </el-form-item>
        </el-col>
        <!-- <el-col :span="12" :offset="6">
          <el-form-item label="推 荐 单 位（盖章）">
            <el-input v-model="formData.recommendUnit" class="blank_line" placeholder="请输入推荐单位"
              clearable></el-input>
          </el-form-item>
        </el-col> -->
        <el-col :span="14" :offset="6">
          <el-form-item label="申    报   日   期" prop="reportDate">
            <el-date-picker v-model="reportData.reportDate" placeholder="请选择申报日期"
              :style="{ 'width': '100%' }" clearable :picker-options="reportDatePickerOptions"
              format="yyyy-MM-dd" value-format="yyyy-MM-dd"></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="24" style="margin-top: 60px;">
          <un-title :is-bold="false" content="浙江省经济和信息化厅制（2024年）" align="center"></un-title>
        </el-col>
      </el-row>
      <el-row class="page-break" type="default" justify="start" align="center">
        <el-col :span="24">
          <un-title class="report-form-title" :font-size="18" content="企业资料真实性声明" align="center">
          </un-title>
        </el-col>
        <el-col :span="24" class="page-subtitle" style="margin-bottom: 60px;">
          <un-title class="page-tips" :font-size="16" :is-bold="false"
            content="本企业自愿提供浙江数商评定所需相关材料和数据，保证其真实、有效，并愿为复核、抽查工作提供必要的条件。"></un-title>
        </el-col>
        <el-col :span="18" :offset="6">
          <el-form-item label-width="300px" label="法定代表人或其委托代理人（签名/签章）">
          </el-form-item>
        </el-col>
        <el-col :span="18" :offset="6">
          <el-form-item label-width="300px" label="企业（盖章）">
            <span>
              <br />
              <br />
              <br />
              <span class="blank-space">年</span class="blank-space"><span>月</span><span
                class="blank-space">日</span>
            </span>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <div style="height: 10px">

    </div>
    <el-form ref="elForm1" :disabled="disabled" :model="basicInfo" :rules="basicRules"
      label-width="160px" size="medium">
      <el-row type="default" justify="start" align="top">
        <el-col class="page-not-break">
          <el-form-item label-width="0">
            <un-title :font-size="16" content="表1 企业基本情况" align="center">
            </un-title>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="企业名称" prop="companyName">
            <el-input v-model="basicInfo.companyName" placeholder="请输入企业名称"
              :style="{ 'width': '100%' }" clearable>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="统一社会信用代码" prop="uniCode">
            <el-input v-model="basicInfo.uniCode" placeholder="请输入统一社会信用代码"
              :style="{ 'width': '100%' }" clearable>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="所在设区市和所在县" prop="region" required>
            <un-region v-model="basicInfo.region"
              :placeholders="{ 'city': '请选择所在设区市', 'area': '请选择所在县（市、区）' }"
              hide-province></un-region>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="注册资本（万元）" prop="registeredCapital">
            <el-input-number v-model="basicInfo.registeredCapital" placeholder="请输入注册资本（万元）"
              :step="1" controls-position="right"></el-input-number>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label-width="120px" label="注册时间" prop="registeredDate">
            <el-date-picker v-model="basicInfo.registeredDate" placeholder="请选择注册时间"
              :style="{ 'width': '100%' }" clearable format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="16">
          <el-form-item label="通讯地址" prop="address">
            <el-input v-model="basicInfo.address" placeholder="请输入通讯地址" :style="{ 'width': '100%' }"
              clearable>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label-width="80px" label="邮编" prop="postcode">
            <el-input v-model="basicInfo.postcode" placeholder="请输入邮编" :style="{ 'width': '100%' }"
              clearable>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="16">
          <el-form-item label="法定代表人" prop="legalRep">
            <el-input v-model="basicInfo.legalRep" placeholder="请输入法定代表人"
              :style="{ 'width': '100%' }" clearable>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label-width="80px" label="联系方式" prop="legalRepPhone">
            <el-input v-model="basicInfo.legalRepPhone" placeholder="请输入手机号或办公电话"
              :style="{ 'width': '100%' }" clearable>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="16">
          <el-form-item label="联系人及职务" prop="contactPerson">
            <el-input v-model="basicInfo.contactPerson" placeholder="请输入联系人"
              :style="{ 'width': '50%' }" clearable>
            </el-input>
            <el-input v-model="basicInfo.position" placeholder="请输入职务" :style="{ 'width': '50%' }"
              clearable>
            </el-input>
          </el-form-item>
          <el-form-item label-width="0" prop="position">
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label-width="80px" label="移动电话" prop="contactPersonPhone">
            <el-input v-model="basicInfo.contactPersonPhone" placeholder="请输入移动电话"
              :style="{ 'width': '100%' }" clearable>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="从事数据业务类别" prop="dataBusinessClass">
            <el-checkbox-group v-model="basicInfo.dataBusinessClass" size="medium">
              <el-checkbox v-for="(item, index) in dataBusinessClassOptions" :key="index"
                :label="item.value" :disabled="item.disabled">{{ item.label }}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="公司简介" prop="companyProfile">
            <el-input v-model="basicInfo.companyProfile" type="textarea"
              placeholder="简要说明公司总体情况，包括但不限于数据业务开展情况、数据相关主要产品及服务能力情况，字数不超过1000字6"
              :autosize="{ 'minRows': 4, 'maxRows': 12 }" :style="{ 'width': '100%' }"
              maxlength="1000">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="营业执照" prop="businessLicense">
            <el-upload accept="image/*" :action="uploadAction"
              :before-upload="(file) => beforeUpload(file, 'image/*')"
              :file-list="businessLicenseFileList" :headers="uploadHeaders"
              :on-success="(res, file) => onUploadSuccess(res, file, 'businessLicense', 'basicInfo')"
              :on-preview="onPreview"
              :on-remove="(file, fileList) => onRemove(file, fileList, 'businessLicense', 'basicInfo')">
              <el-button size="small" type="primary" icon="el-icon-upload">点击上传</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
        <el-col>
          <p class="page-tips print-padding">
            请申报企业根据当前实际从事的主要业务填报，按照《关于推进浙江数商高质量发展的实施意见》重点支持浙江数商从事的业务分类填报。
          </p>
          <p class="page-tips print-padding">其中数据技术服务主要包括提供数据工具、数据集成、数据加工处理、数据治理、数据分析等技术服务；
          </p>
          <p class="page-tips print-padding">
            数据产品开发主要包括利用依法合规获取和产生的数据，结合相关应用场景和算法，形成可交易、产权界定清晰的数据集、数据模型、数据接口、算法应用等数据产品的业务；
          </p>
          <p class="page-tips print-padding">
            据流通服务主要包括围绕数据及数据产品流通交易开展数据发布、数据承销、数据资产、合规咨询等业务；
          </p>
          <p class="page-tips print-padding">数据安全保障主要包括为保障数据持续处于有效保护、合规利用、有序流通状态提供数据安全技术、产品、服务等业务；
          </p>
          <p class="page-tips print-padding">数据平台运营服务主要包括建设和运营产业数据平台，通过集成各类数据资源、开发与优化数据接口、构建数据驱动的行业应用生态的服务。
          </p>
        </el-col>
      </el-row>
    </el-form>
    <el-form ref="elForm2" :disabled="disabled" :model="businessInfo" :rules="businessInfoRules"
      label-width="160px" size="medium">
      <el-row type="default" justify="start" align="top">
        <el-col class="page-not-break">
          <el-form-item label-width="0">
            <un-title :font-size="16" content="表2 经营情况" align="center"></un-title>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label-width="0" prop="businessData">
            <un-d-table v-model="businessInfo.businessData" :height="300" header-bg-color="#F2F2F2"
              :show-footer-btn="false" size="small"></un-d-table>
          </el-form-item>
        </el-col>
        <el-col :span="14">
          <el-form-item label="数据业务收入占比(%)" prop="dataRevenueRate">
            <el-input-number v-model="businessInfo.dataRevenueRate" placeholder="请输入数据业务收入占比(%)"
              :min="0" :max="100" :step="1" :precision="2"
              controls-position="right"></el-input-number>
          </el-form-item>
        </el-col>
        <el-col :span="10">
          <el-form-item label="是否上市企业" prop="isListedCompany">
            <el-radio-group v-model="businessInfo.isListedCompany" size="medium">
              <el-radio v-for="(item, index) in isOptions" :key="index" :label="item.value"
                :disabled="item.disabled">{{ item.label }}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="近三年的财务审计报告（需包含研发项目）" prop="financialReports">
            <el-upload multiple :action="uploadAction" :before-upload="(file) => beforeUpload(file)"
              :file-list="financialReportsFileList" :headers="uploadHeaders"
              :on-success="(res, file) => onUploadSuccess(res, file, 'financialReports', 'businessInfo')"
              :on-preview="onPreview"
              :on-remove="(file, fileList) => onRemove(file, fileList, 'financialReports', 'businessInfo')">
              <el-button size="small" type="primary" icon="el-icon-upload">点击上传</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
        <el-col>
          <p class="page-tips">主营业务收入增长率=（本期主营业务收入-上期主营业务收入）/上期主营业务收入*100%；
          </p>
          <p class="page-tips">净利润增长率= (当期净利润-上期净利润)/上期净利润*100%；
          </p>
          <p class="page-tips">资产负债率=负债总额/资产总额×100%；
          </p>
          <p class="page-tips">研发费用占比=研发费用/营业收入×100%；
          </p>
          <p class="page-tips">数据业务收入占比=数据业务收入/营业收入×100%</p>
        </el-col>
      </el-row>
    </el-form>
    <el-form ref="elForm3" :disabled="disabled" :model="managementInfo" :rules="managementInfoRules"
      label-width="160px" size="medium">
      <el-row type="default" justify="start" align="top">
        <el-col class="page-not-break">
          <el-form-item label-width="0">
            <un-title :font-size="16" content="表3 管理情况" align="center"></un-title>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="公司组织架构" prop="companyOrgDesc">
            <el-input v-model="managementInfo.companyOrgDesc" type="textarea"
              placeholder="简要说明公司内设机构相关情况，字数不超过500字" :autosize="{ 'minRows': 4, 'maxRows': 8 }"
              :style="{ 'width': '100%' }" maxlength="500">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="是否CDO试点企业" prop="isCDO">
            <el-radio-group v-model="managementInfo.isCDO" size="medium">
              <el-radio v-for="(item, index) in isOptions" :key="index" :label="item.value"
                :disabled="item.disabled">{{ item.label }}</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="公司员工数量" prop="employeesCount">
            <el-input-number v-model="managementInfo.employeesCount" placeholder="请输入公司员工数量"
              :step="1" controls-position="right"></el-input-number>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label-width="140px" label="从事数据业务人数" prop="employeesEngagedData">
            <el-input-number v-model="managementInfo.employeesEngagedData" placeholder="请输入从事数据业务人数"
              :step="1" controls-position="right"></el-input-number>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="数据业务情况" prop="dataBusinessDesc">
            <el-input v-model="managementInfo.dataBusinessDesc" type="textarea"
              placeholder="简要说明公司数据管理负责人、数据业务管理及数据相关业务开展情况，字数不超过300字"
              :autosize="{ 'minRows': 4, 'maxRows': 8 }" :style="{ 'width': '100%' }"
              maxlength="500">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="CDO试点企业文件" prop="cdoDoc">
            <el-upload multiple :action="uploadAction" :before-upload="(file) => beforeUpload(file)"
              :file-list="cdoDocFileList" :headers="uploadHeaders"
              :on-success="(res, file) => onUploadSuccess(res, file, 'cdoDoc', 'managementInfo')"
              :on-preview="onPreview"
              :on-remove="(file, fileList) => onRemove(file, fileList, 'cdoDoc', 'managementInfo')">
              <el-button size="small" type="primary" icon="el-icon-upload">点击上传</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <el-form ref="elForm4" :disabled="disabled" :model="dataManagementInfo"
      :rules="dataManagementInfoRules" label-width="160px" size="medium">
      <el-row type="default" justify="start" align="top">
        <el-col class="page-not-break">
          <el-form-item label-width="0">
            <un-title :font-size="16" content="表4 数据管理能力" align="center">
            </un-title>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="DCMM评估情况" prop="dcmmLevel">
            <el-radio-group v-model="dataManagementInfo.dcmmLevel">
              <el-radio v-for="item in dcmmLevelOptions" :key="item.value" :label="item.value">
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col>
          <el-row>
            <el-col :span="12">
              <el-form-item label="ISO9000通过情况" prop="iso9000Status">
                <el-radio-group v-model="dataManagementInfo.iso9000Status" size="medium">
                  <el-radio v-for="(item, index) in isOptions" :key="index" :label="item.value">
                    {{ item.label }}
                  </el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item v-if="dataManagementInfo.iso9000Status" label-width="0"
                prop="iso9000No">
                <el-input v-model="dataManagementInfo.iso9000No" placeholder="请输入ISO9000证书编号"
                  clearable>
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="ISO20000通过情况" prop="iso20000Status">
                <el-radio-group v-model="dataManagementInfo.iso20000Status" size="medium">
                  <el-radio v-for="(item, index) in isOptions" :key="index" :label="item.value">
                    {{ item.label }}
                  </el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item v-if="dataManagementInfo.iso20000Status" label-width="0"
                prop="iso20000No">
                <el-input v-model="dataManagementInfo.iso20000No" placeholder="请输入ISO20000证书编号"
                  clearable>
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="ISO27000通过情况" prop="iso27000Status">
                <el-radio-group v-model="dataManagementInfo.iso27000Status" size="medium">
                  <el-radio v-for="(item, index) in isOptions" :key="index" :label="item.value">
                    {{ item.label }}
                  </el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item v-if="dataManagementInfo.iso27000Status" label-width="0"
                prop="iso27000No">
                <el-input v-model="dataManagementInfo.iso27000No" placeholder="请输入ISO27000证书编号"
                  clearable>
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="ITSS通过情况" prop="itssStatus">
                <el-radio-group v-model="dataManagementInfo.itssStatus" size="medium">
                  <el-radio v-for="(item, index) in isOptions" :key="index" :label="item.value">
                    {{ item.label }}
                  </el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item v-if="dataManagementInfo.itssStatus" label-width="0" prop="itssNo">
                <el-input v-model="dataManagementInfo.itssNo" placeholder="请输入ITSS证书编号" clearable>
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>
        <el-col>
          <el-form-item label="其他数据管理资质" prop="otherDataQualifications">
            <el-input v-model="dataManagementInfo.otherDataQualifications" placeholder="请输入其他数据管理资质"
              :style="{ 'width': '100%' }" clearable>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="数据管理能力" prop="dataManagement">
            <el-input v-model="dataManagementInfo.dataManagement" type="textarea"
              placeholder="简要说明公司数据管理能力建设情况，如数据战略、数据治理、数据架构、数据应用、数据安全、数据质量、数据标准和数据生存周期等方面的方面的组织建设、制度流程、技术工具、人员能力，字数不超过500字"
              :autosize="{ 'minRows': 4, 'maxRows': 12 }" :style="{ 'width': '100%' }"
              maxlength="500">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="技术服务能力" prop="technicalService">
            <el-input v-model="dataManagementInfo.technicalService" type="textarea"
              placeholder="简要说明公司技术服务能力建设情况，如建立、实施、运作、监控、评审、维护和改进IT服务管理体系等情况）；字数不超过500字"
              :autosize="{ 'minRows': 4, 'maxRows': 12 }" :style="{ 'width': '100%' }"
              maxlength="500">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="数据安全管理能力" prop="dataSecurity">
            <el-input v-model="dataManagementInfo.dataSecurity" type="textarea"
              placeholder="简要说明公司数据安全管理能力建设情况，如数据采集安全、数据传输安全、数据存储安全、数据处理安全、数据交换安全、数据销毁安全、通用安全等方面的组织建设、制度流程、技术工具、人员能力）；字数不超过500字"
              :autosize="{ 'minRows': 4, 'maxRows': 12 }" :style="{ 'width': '100%' }"
              maxlength="500">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="证书材料" prop="certificationFiles">
            <el-upload multiple :action="uploadAction" :before-upload="(file) => beforeUpload(file)"
              :file-list="certificationFilesFileList" :headers="uploadHeaders"
              :on-success="(res, file) => onUploadSuccess(res, file, 'certificationFiles', 'dataManagementInfo')"
              :on-preview="onPreview"
              :on-remove="(file, fileList) => onRemove(file, fileList, 'certificationFiles', 'dataManagementInfo')">
              <el-button size="small" type="primary" icon="el-icon-upload">点击上传</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <el-form ref="elForm5" :disabled="disabled" :model="dataServicesInfo"
      :rules="dataServicesInfoRules" label-width="160px" size="medium">
      <el-row type="default" justify="start" align="top">
        <el-col class="page-not-break">
          <el-form-item label-width="0">
            <un-title :font-size="16" content="表5 数据服务能力" align="center"></un-title>
          </el-form-item>
        </el-col class="page-not-break">
        <el-col>
          <el-form-item label="数据相关项目情况" prop="dataProjectsInfo.over1000">
            <div class="print-padding">近三年已完成的数据相关项目合同金额超过1000万元以上项目<el-input-number
                v-model="dataServicesInfo.dataProjectsInfo.over1000" placeholder="请输入注册资本（万元）"
                :step="1" controls-position="right" size="small"
                style="margin: 0 4px;width:100px;"></el-input-number>个，超过600万元以上项目<el-input-number
                v-model="dataServicesInfo.dataProjectsInfo.over600" placeholder="请输入注册资本（万元）"
                :step="1" controls-position="right" size="small"
                style="margin: 0 4px;width:100px;"></el-input-number>个，超过300万元以上项目<el-input-number
                v-model="dataServicesInfo.dataProjectsInfo.over300" placeholder="请输入注册资本（万元）"
                :step="1" controls-position="right" size="small"
                style="margin: 0 4px;width:100px;"></el-input-number>个，超过100万元以上项目<el-input-number
                v-model="dataServicesInfo.dataProjectsInfo.over100" placeholder="请输入注册资本（万元）"
                :step="1" controls-position="right" size="small"
                style="margin: 0 4px;width:100px;"></el-input-number>个。以下填写金额最高的10个项目。
            </div>
          </el-form-item>
          <el-form-item label="" prop="dataProjects">
            <un-d-table v-model="dataServicesInfo.dataProjects" :first-col="firstCol" :height="300"
              size="small"></un-d-table>
            <p class="page-tips">
              填写近三年验收完成的数据技术服务、数据产品开发、数据安全服务相关项目情况，填报项目类别应与表1从事数据业务类别填报内容保持一致，从事数据平台运营服务业务的数商可不填报项目情况。
            </p>
          </el-form-item>
          <el-form-item label="" prop="dataProjectFiles">
            <el-upload multiple :action="uploadAction" :before-upload="(file) => beforeUpload(file)"
              :file-list="dataProjectFilesFileList" :headers="uploadHeaders"
              :on-success="(res, file) => onUploadSuccess(res, file, 'dataProjectFiles', 'dataServicesInfo')"
              :on-preview="onPreview"
              :on-remove="(file, fileList) => onRemove(file, fileList, 'dataProjectFiles', 'dataServicesInfo')">
              <el-button size="small" type="primary"
                icon="el-icon-upload">点击上传项目合同及验收证明（涉及申报类别的关键页）</el-button>
            </el-upload>
          </el-form-item>
        </el-col class="page-not-break">
        <el-col>
          <el-form-item label="数据流通服务项目" prop="dataFlowInfo.over800">
            <div class="print-padding">近三年已完成的数据相关项目合同金额超过800万元以上项目<el-input-number
                v-model="dataServicesInfo.dataFlowInfo.over800" placeholder="请输入注册资本（万元）" :step="1"
                controls-position="right" size="small"
                style="margin: 0 4px;width:100px;"></el-input-number>个，超过400万元以上项目<el-input-number
                v-model="dataServicesInfo.dataFlowInfo.over400" placeholder="请输入注册资本（万元）" :step="1"
                controls-position="right" size="small"
                style="margin: 0 4px;width:100px;"></el-input-number>个，超过200万元以上项目<el-input-number
                v-model="dataServicesInfo.dataFlowInfo.over200" placeholder="请输入注册资本（万元）" :step="1"
                controls-position="right" size="small"
                style="margin: 0 4px;width:100px;"></el-input-number>个，超过50万元以上项目<el-input-number
                v-model="dataServicesInfo.dataFlowInfo.over50" placeholder="请输入注册资本（万元）" :step="1"
                controls-position="right" size="small"
                style="margin: 0 4px;width:100px;"></el-input-number>个。以下填写金额最高的10个项目。
            </div>
          </el-form-item>
          <el-form-item label="" prop="dataFlows">
            <un-d-table v-model="dataServicesInfo.dataFlows" :first-col="firstCol" :height="300"
              size="small"></un-d-table>
            <p class="page-tips">
              填写近三年完成的数据流通服务相关项目情况。
            </p>
          </el-form-item>
          <el-form-item label="" prop="dataFlowFiles">
            <el-upload multiple :action="uploadAction" :before-upload="(file) => beforeUpload(file)"
              :file-list="dataFlowFilesFileList" :headers="uploadHeaders"
              :on-success="(res, file) => onUploadSuccess(res, file, 'dataFlowFiles', 'dataServicesInfo')"
              :on-preview="onPreview"
              :on-remove="(file, fileList) => onRemove(file, fileList, 'dataFlowFiles', 'dataServicesInfo')">
              <el-button size="small" type="primary"
                icon="el-icon-upload">点击上传项目合同及验收证明（涉及申报类别的关键页）</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="数据知识产权登记" prop="dataIntellProperties">
            <un-d-table v-model="dataServicesInfo.dataIntellProperties" :defaultValue="null"
              show-header :first-col="firstCol" :height="300" size="small"></un-d-table>
            <p class="page-tips">
              类别：填写国际、国家、地方、行业、团体标准等。
            </p>
          </el-form-item>
          <el-form-item label="" prop="dataIntellPropertyFiles">
            <el-upload multiple :action="uploadAction" :before-upload="(file) => beforeUpload(file)"
              :file-list="dataIntellPropertyFilesFileList" :headers="uploadHeaders"
              :on-success="(res, file) => onUploadSuccess(res, file, 'dataIntellPropertyFiles', 'dataServicesInfo')"
              :on-preview="onPreview"
              :on-remove="(file, fileList) => onRemove(file, fileList, 'dataIntellPropertyFiles', 'dataServicesInfo')">
              <el-button size="small" type="primary" icon="el-icon-upload">点击上传证明材料</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="标准制定修订" prop="standardSetting">
            <un-d-table v-model="dataServicesInfo.standardSetting" :first-col="firstCol"
              :height="300" size="small"></un-d-table>
          </el-form-item>
          <el-form-item label="" prop="standardSettingFiles">
            <el-upload multiple :action="uploadAction" :before-upload="(file) => beforeUpload(file)"
              :file-list="standardSettingFilesFileList" :headers="uploadHeaders"
              :on-success="(res, file) => onUploadSuccess(res, file, 'standardSettingFiles', 'dataServicesInfo')"
              :on-preview="onPreview"
              :on-remove="(file, fileList) => onRemove(file, fileList, 'standardSettingFiles', 'dataServicesInfo')">
              <el-button size="small" type="primary" icon="el-icon-upload">点击上传证明材料</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="专利登记" prop="patents">
            <un-d-table v-model="dataServicesInfo.patents" :first-col="firstCol" :height="300"
              size="small"></un-d-table>
          </el-form-item>
          <el-form-item label="" prop="patentFiles">
            <el-upload multiple :action="uploadAction" :before-upload="(file) => beforeUpload(file)"
              :file-list="patentFilesFileList" :headers="uploadHeaders"
              :on-success="(res, file) => onUploadSuccess(res, file, 'patentFiles', 'dataServicesInfo')"
              :on-preview="onPreview"
              :on-remove="(file, fileList) => onRemove(file, fileList, 'patentFiles', 'dataServicesInfo')">
              <el-button size="small" type="primary" icon="el-icon-upload">点击上传证明材料</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="著作权登记" prop="authorshipList">
            <un-d-table v-model="dataServicesInfo.authorshipList" :first-col="firstCol"
              :height="300" size="small"></un-d-table>
          </el-form-item>
          <el-form-item label="" prop="authorshipFiles">
            <el-upload multiple :action="uploadAction" :before-upload="(file) => beforeUpload(file)"
              :file-list="authorshipFilesFileList" :headers="uploadHeaders"
              :on-success="(res, file) => onUploadSuccess(res, file, 'authorshipFiles', 'dataServicesInfo')"
              :on-preview="onPreview"
              :on-remove="(file, fileList) => onRemove(file, fileList, 'authorshipFiles', 'dataServicesInfo')">
              <el-button size="small" type="primary" icon="el-icon-upload">点击上传证明材料</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="工业互联网平台建设" prop="platformStatus">
            <span class="check-tips">是否建成工业互联网平台</span>
            <el-radio-group v-model="dataServicesInfo.platformStatus" size="medium">
              <el-radio v-for="(item, index) in isOptions" :key="index" :label="item.value">
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item v-if="dataServicesInfo.platformStatus" label="" prop="platformLevel">
            <el-radio-group v-model="dataServicesInfo.platformLevel" size="medium">
              <el-radio v-for="(item, index) in platformLevelOptions" :key="index"
                :label="item.value">{{ item.label }}</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item v-if="dataServicesInfo.platformStatus" label="" prop="platformDesc">
            <el-input v-model="dataServicesInfo.platformDesc" type="textarea"
              placeholder="如已开展工业互联网平台建设，简要说明建设情况及成效，字数不超过300字"
              :autosize="{ 'minRows': 4, 'maxRows': 8 }" :style="{ 'width': '100%' }"
              maxlength="300" show-word-limit>
            </el-input>
          </el-form-item>
          <el-form-item label="" prop="platformFiles">
            <el-upload multiple :action="uploadAction" :before-upload="(file) => beforeUpload(file)"
              :file-list="platformFilesFileList" :headers="uploadHeaders"
              :on-success="(res, file) => onUploadSuccess(res, file, 'platformFiles', 'dataServicesInfo')"
              :on-preview="onPreview"
              :on-remove="(file, fileList) => onRemove(file, fileList, 'platformFiles', 'dataServicesInfo')">
              <el-button size="small" type="primary" icon="el-icon-upload">点击上传证明材料</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="产业大脑建设" prop="brainBuildingStatus">
            <span class="check-tips">是否承担省级细分行业产业大脑建设运营</span>
            <el-radio-group v-model="dataServicesInfo.brainBuildingStatus" size="medium">
              <el-radio v-for="(item, index) in isOptions" :key="index" :label="item.value">
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item v-if="dataServicesInfo.brainBuildingStatus" label=""
            prop="brainBuildingDesc">
            <el-input v-model="dataServicesInfo.brainBuildingDesc" type="textarea"
              placeholder="如已开展细分行业产业大脑建设，简要说明建设情况及成效，字数不超过300字"
              :autosize="{ 'minRows': 4, 'maxRows': 8 }" :style="{ 'width': '100%' }"
              maxlength="300" show-word-limit>
            </el-input>
          </el-form-item>
          <el-form-item label="" prop="brainBuildingFiles">
            <el-upload multiple :action="uploadAction" :before-upload="(file) => beforeUpload(file)"
              :file-list="brainBuildingFilesFileList" :headers="uploadHeaders"
              :on-success="(res, file) => onUploadSuccess(res, file, 'brainBuildingFiles', 'dataServicesInfo')"
              :on-preview="onPreview"
              :on-remove="(file, fileList) => onRemove(file, fileList, 'brainBuildingFiles', 'dataServicesInfo')">
              <el-button size="small" type="primary" icon="el-icon-upload">点击上传证明材料</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="CPMS试点建设" prop="cpmsStatus">
            <span class="check-tips">是否开展CPMS试点</span>
            <el-radio-group v-model="dataServicesInfo.cpmsStatus" size="medium">
              <el-radio v-for="(item, index) in isOptions" :key="index" :label="item.value">
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item v-if="dataServicesInfo.cpmsStatus" label="" prop="cpmsDesc">
            <el-input v-model="dataServicesInfo.cpmsDesc" type="textarea"
              placeholder="如已开展CPMS试点，简要说明建设情况及成效，字数不超过300字"
              :autosize="{ 'minRows': 4, 'maxRows': 8 }" :style="{ 'width': '100%' }"
              maxlength="300" show-word-limit>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="行业数据仓建设" prop="industryDWStatus">
            <span class="check-tips">是否建成行业数据仓</span>
            <el-radio-group v-model="dataServicesInfo.industryDWStatus" size="medium">
              <el-radio v-for="(item, index) in isOptions" :key="index" :label="item.value">
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item v-if="dataServicesInfo.industryDWStatus" label=""
            prop="hasDockedProvinceDW">
            <span class="check-tips">是否完成与省产业数据仓对接</span>
            <el-radio-group v-model="dataServicesInfo.hasDockedProvinceDW" size="medium">
              <el-radio v-for="(item, index) in isOptions" :key="index" :label="item.value">
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item v-if="dataServicesInfo.industryDWStatus" label="" prop="dwDesc">
            <el-input v-model="dataServicesInfo.dwDesc" type="textarea"
              placeholder="如已建设行业数据仓，简要说明建设情况及成效，字数不超过300字"
              :autosize="{ 'minRows': 4, 'maxRows': 8 }" :style="{ 'width': '100%' }"
              maxlength="300" show-word-limit>
            </el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <el-form ref="elForm6" :disabled="disabled" :model="dataQuality" :rules="dataQualityRules"
      label-width="160px" size="medium">
      <el-row class="page-not-break" type="default" justify="start" align="top">
        <el-col>
          <el-form-item label-width="0">
            <un-title :font-size="16" content="表6 数据业务成效" align="center"></un-title>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="获得企业资质" prop="qualifications">
            <el-checkbox-group v-model="dataQuality.qualifications" size="medium">
              <el-checkbox v-for="(item, index) in qualificationsOptions" :key="index"
                :label="item.value" :disabled="item.disabled">{{ item.label }}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <!-- 选其他时，表格必填 -->
          <el-form-item v-if="dataQuality.qualifications.includes(99)" label=""
            prop="otherQualifications">
            <un-d-table v-model="dataQuality.otherQualifications" :defaultValue="null" show-header
              :first-col="firstCol" :height="300" size="small"></un-d-table>
          </el-form-item>
          <el-form-item label="" prop="qualificationFiles">
            <el-upload multiple :action="uploadAction" :before-upload="(file) => beforeUpload(file)"
              :file-list="qualificationFilesFileList" :headers="uploadHeaders"
              :on-success="(res, file) => onUploadSuccess(res, file, 'qualificationFiles', 'dataQuality')"
              :on-preview="onPreview"
              :on-remove="(file, fileList) => onRemove(file, fileList, 'qualificationFiles', 'dataQuality')">
              <el-button size="small" type="primary" icon="el-icon-upload">点击上传证明材料</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="产品、项目、服务等获得的荣誉成果" prop="achievements">
            <un-d-table v-model="dataQuality.achievements" :first-col="firstCol" :height="300"
              size="small"></un-d-table>
          </el-form-item>
          <el-form-item label="" prop="achievementFiles">
            <el-upload multiple :action="uploadAction" :before-upload="(file) => beforeUpload(file)"
              :file-list="achievementFilesFileList" :headers="uploadHeaders"
              :on-success="(res, file) => onUploadSuccess(res, file, 'achievementFiles', 'dataQuality')"
              :on-preview="onPreview"
              :on-remove="(file, fileList) => onRemove(file, fileList, 'achievementFiles', 'dataQuality')">
              <el-button size="small" type="primary" icon="el-icon-upload">点击上传证明材料</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="宣传推广" prop="promotion">
            <un-d-table v-model="dataQuality.promotion" :first-col="firstCol" :height="300"
              size="small"></un-d-table>
          </el-form-item>
          <el-form-item label="" prop="promotionFiles">
            <el-upload multiple :action="uploadAction" :before-upload="(file) => beforeUpload(file)"
              :file-list="promotionFilesFileList" :headers="uploadHeaders"
              :on-success="(res, file) => onUploadSuccess(res, file, 'promotionFiles', 'dataQuality')"
              :on-preview="onPreview"
              :on-remove="(file, fileList) => onRemove(file, fileList, 'promotionFiles', 'dataQuality')">
              <el-button size="small" type="primary" icon="el-icon-upload">点击上传证明材料</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <el-row type="default" justify="start" align="top">
      <un-title class="page-not-break" :font-size="16" content="表7 场景案例" align="center"
        style="padding: 20px 0;"></un-title>
      <un-list-panel v-model="caseInfo" :new-item="newCaseItem" :editor="false" add-text="添加场景案例"
        type="card" :disabled="disabled">
        <template #default="{ item, index }">
          <el-form :ref="`caseForm${index}`" :disabled="disabled" :model="item" label-width="160px"
            :rules="caseInfoRules" size="medium">
            <el-row type="default" justify="start" align="top">
              <el-form-item :label="`场景案例${index + 1}名称`" prop="caseName">
                <el-input v-model="item.caseName" :placeholder="`请输入场景案例${index + 1}名称`"
                  :style="{ 'width': '100%' }" clearable>
                </el-input>
              </el-form-item>
              <el-form-item label="场景案例类型" prop="caseType">
                <el-checkbox-group v-model="item.caseType" size="medium">
                  <el-checkbox v-for="(item) in caseTypeOptions" :key="item.value"
                    :label="item.value" :disabled="item.disabled">{{ item.label }}</el-checkbox>
                </el-checkbox-group>
              </el-form-item>
              <el-form-item label-width="0" prop="caseDesc">
                <el-input v-model="item.caseDesc" type="textarea" :placeholder="`简要描述场景案例，内容形式包括但不限于文字，3000字左右。聚焦基于数商相关技术产品能力提升、深度赋能经济社会发展、强化数据标准规范导引、优化数商产业生态发展、做大做强数商支撑平台等方面，包括但不限于应用场景定位、架构设计、推进模式、技术创新/业务创新、推进成果、经济效益、社会效益等，着力总结经验、示范引领，打造浙江数商品牌。
        
        案例参考框架：
        1.重点业务方向概述；
        2.应用和场景概况；
        3.创新及亮点；
        4.成果及效益分析。`" :autosize="{ 'minRows': 14, 'maxRows': 100 }" :style="{ 'width': '100%' }"
                  maxlength="3000">
                </el-input>
              </el-form-item>
            </el-row>
          </el-form>
        </template>

      </un-list-panel>
    </el-row>
  </div>
</template>
<script>
import isEqual from 'lodash/isEqual';
import cloneDeep from 'lodash/cloneDeep';
import defaultsDeep from 'lodash/defaultsDeep';
import { UnListPanel } from 'un-low-code-page-ui';
import { createProcessInstance } from "@/api/bpm/processInstance";
import { downloadFile } from "@/utils/index";

import { getAuthHeader } from '@/utils/auth';

const headers = getAuthHeader();

export default {
  components: {
    UnListPanel,
  },
  props: {
    processInstanceId: {
      type: String,
    },
    disabled: {
      type: Boolean,
      default: false,
    },
    defaultValue: {
      type: Object,
      default: () => {
        return {}
      },
    }
  },
  data() {
    const self = this;
    return {
      reportData: {
        reportType: [],
        reportUnit: '',
        // recommendUnit: null,
        reportDate: null,
      },

      // 表1 基础信息
      basicInfo: {
        companyName: undefined,
        uniCode: undefined,
        region: ['330000'],
        registeredCapital: undefined,
        registeredDate: null,
        address: undefined,
        postcode: undefined,
        legalRep: undefined,
        legalRepPhone: undefined,
        contactPerson: undefined,
        position: undefined,
        contactPersonPhone: undefined,
        dataBusinessClass: [],
        companyProfile: undefined,
        businessLicense: null,
      },
      businessInfo: {
        businessData: {
          "colSize": 5,
          "rowSize": 11,
          "columns": [{
            "colId": "col_0",
            "title": "重要指标",
            "field": "indicator",
            "editRender": {
              "enabled": false,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": 160
          }, {
            "colId": "col_1",
            "title": "2021年",
            "field": "2021",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }, {
            "title": "2022年",
            "colId": "col_root_1715742536713",
            "field": "2022",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }, {
            "title": "2023年",
            "colId": "col_root_1715742541465",
            "field": "2023",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }, {
            "title": "合计",
            "colId": "col_root_1715742621305",
            "field": "sum",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }],
          "data": [{
            "indicator": "营业收入（万元）",
            "2021": "",
            "2022": "",
            "2023": "",
            "_X_ROW_KEY": "row_76"
          }, {
            "indicator": "主营业务收入（万元）",
            "2021": "",
            "2022": "",
            "2023": "",
            "_X_ROW_KEY": "row_77"
          }, {
            "indicator": "主营业务收入增长率(%)",
            "2021": "",
            "2022": "",
            "2023": "",
            "_X_ROW_KEY": "row_78",
            "sum": "/"
          }, {
            "indicator": "利润总额（万元）",
            "2021": "",
            "2022": "",
            "2023": "",
            "sum": "",
            "_X_ROW_KEY": "row_79"
          }, {
            "indicator": "净利润（万元）",
            "2021": "",
            "2022": "",
            "2023": "",
            "sum": "",
            "_X_ROW_KEY": "row_80"
          }, {
            "indicator": "净利润增长率(%)",
            "2021": "",
            "2022": "",
            "2023": "",
            "sum": "/",
            "_X_ROW_KEY": "row_81"
          }, {
            "indicator": "资产总额（万元）",
            "2021": "",
            "2022": "",
            "2023": "",
            "sum": "",
            "_X_ROW_KEY": "row_84"
          }, {
            "indicator": "资产负债率(%)",
            "2021": "",
            "2022": "",
            "2023": "",
            "sum": "/",
            "_X_ROW_KEY": "row_88"
          }, {
            "indicator": "研发费用（万元）",
            "2021": "",
            "2022": "",
            "2023": "",
            "sum": "",
            "_X_ROW_KEY": "row_89"
          }, {
            "indicator": "研发费用占比(%)",
            "2021": "",
            "2022": "",
            "2023": "",
            "sum": "",
            "_X_ROW_KEY": "row_90"
          }, {
            "indicator": "数据业务收入占比(%)",
            "2021": "",
            "2022": "",
            "2023": "",
            "sum": "/",
            "_X_ROW_KEY": "row_91"
          }]
        },
        dataRevenueRate: undefined,
        isListedCompany: false,
        financialReports: null,
      },
      managementInfo: {
        companyOrgDesc: undefined,
        isCDO: undefined,
        employeesCount: undefined,
        employeesEngagedData: undefined,
        dataBusinessDesc: undefined,
        cdoDoc: null,
      },
      dataManagementInfo: {
        dcmmLevel: [],
        iso9000Status: undefined,
        iso9000No: undefined,
        iso20000Status: undefined,
        iso20000No: undefined,
        iso27000Status: undefined,
        iso27000No: undefined,
        itssStatus: undefined,
        itssNo: undefined,
        otherDataQualifications: undefined,
        dataManagement: undefined,
        technicalService: undefined,
        dataSecurity: undefined,
        certificationFiles: null,
      },
      dataServicesInfo: {
        dataProjectsInfo: {
          over1000: null,
          over600: null,
          over300: null,
          over100: null,
        },
        dataProjects: {
          "colSize": 4,
          "rowSize": 3,
          "data": [{
            "name": "",
            "checkedDate": "",
            "money": "",
            "_X_ROW_KEY": "row_138",
            "money": ""
          }, {
            "name": "",
            "checkedDate": "",
            "money": "",
            "_X_ROW_KEY": "row_139"
          }, {
            "name": "",
            "checkedDate": "",
            "money": "",
            "_X_ROW_KEY": "row_140"
          }],
          "columns": [{
            "colId": "col_1",
            "title": "项目名称",
            "field": "name",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": ""
          }, {
            "title": "验收时间",
            "colId": "col_root_1715744911892",
            "field": "checkedDate",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }, {
            "title": "项目金额",
            "colId": "col_root_1715744918339",
            "field": "money",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }]
        },
        dataProjectFiles: null,
        dataFlowInfo: {
          over800: null,
          over400: null,
          over200: null,
          over50: null
        },
        dataFlows: {
          "colSize": 4,
          "rowSize": 3,
          "data": [{
            "name": "",
            "checkedDate": "",
            "money": "",
            "_X_ROW_KEY": "row_138",
            "money": ""
          }, {
            "name": "",
            "checkedDate": "",
            "money": "",
            "_X_ROW_KEY": "row_139"
          }, {
            "name": "",
            "checkedDate": "",
            "money": "",
            "_X_ROW_KEY": "row_140"
          }],
          "columns": [{
            "colId": "col_1",
            "title": "项目名称",
            "field": "name",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": ""
          }, {
            "title": "验收时间",
            "colId": "col_root_1715744911892",
            "field": "checkedDate",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }, {
            "title": "项目金额",
            "colId": "col_root_1715744918339",
            "field": "money",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }]
        },
        dataFlowFiles: null,
        dataIntellProperties: {
          "colSize": 4,
          "rowSize": 3,
          "data": [{
            "registryDate": "",
            "registryNum": "",
            "_X_ROW_KEY": "row_138"
          }, {
            "name": "",
            "registryDate": "",
            "registryNum": "",
            "_X_ROW_KEY": "row_139",
          }, {
            "name": "",
            "registryDate": "",
            "registryNum": "",
            "_X_ROW_KEY": "row_140"
          }],
          "columns": [{
            "colId": "col_1",
            "title": "登记名称",
            "field": "name",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": ""
          }, {
            "title": "登记时间",
            "colId": "col_root_1715744911892",
            "field": "registryDate",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }, {
            "title": "登记编号",
            "colId": "col_root_1715744918339",
            "field": "registryNum",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }]
        },
        dataIntellPropertyFiles: null,
        standardSetting: {
          "colSize": 4,
          "rowSize": 3,
          "columns": [{
            "colId": "col_1",
            "title": "标准号及标准名称",
            "field": "name",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": ""
          }, {
            "title": "类别",
            "colId": "col_root_1715744911892",
            "field": "type",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }, {
            "title": "单位排名",
            "colId": "col_root_1715744918339",
            "field": "rank",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }],
          "data": [{
            "name": "",
            "type": "",
            "rank": "",
            "_X_ROW_KEY": "row_138"
          }, {
            "name": "",
            "type": "",
            "rank": "",
            "_X_ROW_KEY": "row_139"
          }, {
            "name": "",
            "type": "",
            "rank": "",
            "_X_ROW_KEY": "row_140"
          }]
        },
        standardSettingFiles: null,
        patents: {
          "colSize": 4,
          "rowSize": 3,
          "data": [{
            "name": "",
            "registryDate": "",
            "registryNum": "",
            "_X_ROW_KEY": "row_138",
          }, {
            "name": "",
            "registryDate": "",
            "registryNum": "",
            "_X_ROW_KEY": "row_139"
          }, {
            "name": "",
            "registryDate": "",
            "registryNum": "",
            "_X_ROW_KEY": "row_140"
          }],
          "columns": [{
            "colId": "col_1",
            "title": "登记名称",
            "field": "name",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": ""
          }, {
            "title": "登记时间",
            "colId": "col_root_1715744911892",
            "field": "registryDate",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }, {
            "title": "登记编号",
            "colId": "col_root_1715744918339",
            "field": "registryNum",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }]
        },
        patentFiles: null,
        authorshipList: {
          "colSize": 4,
          "rowSize": 3,
          "columns": [{
            "colId": "col_1",
            "title": "登记名称",
            "field": "name",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": ""
          }, {
            "title": "登记时间",
            "colId": "col_root_1715744911892",
            "field": "registryDate",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }, {
            "title": "登记编号",
            "colId": "col_root_1715744918339",
            "field": "registryNum",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }],
          "data": [{
            "name": "",
            "registryDate": "",
            "registryNum": "",
            "_X_ROW_KEY": "row_138",
          }, {
            "name": "",
            "registryDate": "",
            "registryNum": "",
            "_X_ROW_KEY": "row_139"
          }, {
            "name": "",
            "registryDate": "",
            "registryNum": "",
            "_X_ROW_KEY": "row_140"
          }],
        },
        authorshipFiles: null,
        platformStatus: false,
        platformLevel: undefined,
        platformDesc: undefined,
        platformFiles: null,
        brainBuildingStatus: false,
        brainBuildingDesc: undefined,
        brainBuildingFiles: null,
        cpmsStatus: false,
        cpmsDesc: undefined,
        industryDWStatus: false,
        hasDockedProvinceDW: false,
        dwDesc: undefined,
      },
      dataQuality: {
        qualifications: [],
        otherQualifications: {
          "colSize": 3,
          "rowSize": 3,
          "columns": [{
            "colId": "col_1",
            "title": "资质名称",
            "field": "name",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": ""
          }, {
            "title": "发布或认定机构",
            "colId": "col_root_1715744911892",
            "field": "agency",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }],
          "data": []
        },
        qualificationFiles: null,
        achievements: {
          "colSize": 3,
          "rowSize": 3,
          "data": [{
            "name": "",
            "agency": "",
            "_X_ROW_KEY": "row_176"
          }, {
            "name": "",
            "agency": "",
            "_X_ROW_KEY": "row_177"
          }, {
            "name": "",
            "agency": "",
            "_X_ROW_KEY": "row_178"
          }],
          "columns": [{
            "colId": "col_1",
            "title": "荣誉名称",
            "field": "name",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": ""
          }, {
            "title": "发布或认定机构",
            "colId": "col_root_1715753344899",
            "field": "agency",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }]
        },
        achievementFiles: null,
        promotion: {
          "colSize": 3,
          "rowSize": 3,
          "data": [{
            "title": "",
            "publishDate": "",
            "_X_ROW_KEY": "row_176",
          }, {
            "title": "",
            "publishDate": "",
            "_X_ROW_KEY": "row_177"
          }, {
            "title": "",
            "publishDate": "",
            "_X_ROW_KEY": "row_178"
          }],
          "columns": [{
            "colId": "col_1",
            "title": "省级以上宣传报道",
            "field": "title",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": ""
          }, {
            "title": "发布媒体和发布时间",
            "colId": "col_root_1715753344899",
            "field": "publishDate",
            "editRender": {
              "enabled": true,
              "componentName": "el-input",
              "autofocus": ".el-input__inner"
            },
            "width": "",
            "align": "center"
          }]
        },
        promotionFiles: null,
      },
      caseInfo: [{
        caseName: undefined,
        caseType: [],
        caseDesc: undefined,
      }],
      newCaseItem: {
        caseName: undefined,
        caseType: [],
        caseDesc: undefined,
      },
      rules: {
        reportType: [{
          required: true,
          type: 'array',
          message: '请至少选择一个申报类型',
          trigger: 'change'
        }],

        reportDate: [{
          required: true,
          message: '请选择申报日期',
          trigger: 'change'
        }],
      },
      basicRules: {

        companyName: [{
          required: true,
          message: '请输入企业名称',
          trigger: 'blur'
        }],
        uniCode: [{
          required: true,
          message: '请输入统一社会信用代码',
          trigger: 'blur'
        }],
        region: [{
          required: true,
          message: '所在设区市和所在县',
          trigger: 'change'
        }],
        registeredCapital: [{
          required: true,
          message: '请输入注册资本（万元）',
          trigger: 'blur'
        }],
        registeredDate: [{
          required: true,
          message: '请选择注册时间',
          trigger: 'change'
        }],
        address: [{
          required: true,
          message: '请输入通讯地址',
          trigger: 'blur'
        }],
        postcode: [{
          required: true,
          message: '请输入邮编',
          trigger: 'blur'
        }, {
          pattern: /^[1-9][0-9]{5}$/,
          message: '邮编格式不正确',
          trigger: 'blur'
        }],
        legalRep: [{
          required: true,
          message: '请输入法定代表人',
          trigger: 'blur'
        }],
        legalRepPhone: [{
          required: true,
          message: '请输入法定代表人联系电话',
          trigger: 'blur'
        }, {
          pattern: /^(1[3456789]\d{9}|0\d{2,3}-\d{7,8})$/,
          message: '移动电话号或办公电话（如011-12345678）不正确',
          trigger: 'blur'
        }],
        contactPerson: [{
          required: true,
          message: '请输入联系人',
          trigger: 'blur'
        }],
        position: [{
          required: true,
          message: '请输入职务',
          trigger: 'blur'
        }],
        contactPersonPhone: [{
          required: true,
          message: '请输入联系人移动电话',
          trigger: 'blur'
        }, {
          pattern: /^1[3456789]\d{9}$/,
          message: '移动电话号不正确',
          trigger: 'blur'
        }],
        dataBusinessClass: [{
          required: true,
          type: 'array',
          message: '请至少选择一个从事数据业务类别',
          trigger: 'change'
        }],
        companyProfile: [{
          required: true,
          message: '（简要说明公司总体情况，包括但不限于数据业务开展情况、数据相关主要产品及服务能力情况，字数不超过1000字）',
          trigger: 'blur'
        }],
        businessLicense: [{
          required: true,
          message: '营业执照不能为空',
          trigger: 'change'
        }],
      },
      businessInfoRules: {
        businessData: [{
          required: true,
          message: '动态表格不能为空',
          trigger: 'change'
        }],
        dataRevenueRate: [{
          required: true,
          message: '请输入数据业务收入占比(%)',
          trigger: 'blur'
        }],
        isListedCompany: [],
        financialReports: [{
          required: true,
          message: '近三年的财务审计报告（需包含研发项目）不能为空',
          trigger: 'change'
        }],
      },
      managementInfoRules: {
        companyOrgDesc: [{
          required: true,
          message: '请输入公司组织架构描述',
          trigger: 'blur'
        }],
        isCDO: [{
          required: true,
          message: '是否CDO试点企业不能为空',
          trigger: 'change'
        }],
        employeesCount: [{
          required: true,
          message: '请输入公司员工数量',
          trigger: 'blur'
        }],
        employeesEngagedData: [{
          required: true,
          message: '请输入从事数据业务人数',
          trigger: 'blur'
        }],
        dataBusinessDesc: [{
          required: true,
          message: '请输入数据业务情况描述',
          trigger: 'blur'
        }],
        cdoDoc: [{
          required: true,
          message: 'CDO试点企业文件不能为空',
          trigger: 'change'
        }]
      },
      dataManagementInfoRules: {
        dcmmLevel: [{
          required: true,
          message: '请选择DCMM评估情况',
          trigger: 'change'
        }],
        iso9000Status: [],
        iso9000No: [
          {
            validator: (rule, value, callback) => {
              if (self.dataManagementInfo.iso9000Status && !value) {
                callback(new Error('请输入ISO9000认证编号'));
              } else {
                callback();
              }
            },
            trigger: 'blur',
            type: 'string'
          },
        ],
        iso20000Status: [],
        iso20000No: [
          {
            validator: (rule, value, callback) => {
              if (self.dataManagementInfo.iso20000Status && !value) {
                callback(new Error('请输入ISO20000认证编号'));
              } else {
                callback();
              }
            },
            trigger: 'blur',
            type: 'string'
          },
        ],
        iso27000Status: [],
        iso27000No: [
          {
            validator: (rule, value, callback) => {
              if (self.dataManagementInfo.iso27000Status && !value) {
                callback(new Error('请输入ISO27000认证编号'));
              } else {
                callback();
              }
            },
            trigger: 'blur',
            type: 'string'
          },
        ],
        itssStatus: [],
        itssNo: [
          {
            validator: (rule, value, callback) => {
              if (self.dataManagementInfo.itssStatus && !value) {
                callback(new Error('请输入ITSS认证编号'));
              } else {
                callback();
              }
            },
            trigger: 'blur',
            type: 'string'
          },
        ],
        otherDataQualifications: [],
        dataManagement: [{
          required: true,
          message: '请输入数据管理能力描述',
          trigger: 'blur'
        }],
        technicalService: [{
          required: true,
          message: '请输入技术服务能力描述',
          trigger: 'blur'
        }],
        dataSecurity: [{
          required: true,
          message: '请输入数据安全能力描述',
          trigger: 'blur'
        }],
        certificationFiles: [{
          required: true,
          message: '请上传证书材料',
          trigger: 'blur'
        }],
      },
      dataServicesInfoRules: {
        dataProjectsInfo: [{
          required: true,
          message: '请输入数据相关项目情况',
          trigger: 'blur'
        }],
        dataProjects: [{
          required: true,
          message: '不能为空',
          trigger: 'change'
        }],
        dataProjectFiles: [{
          required: true,
          message: '请上传项目合同及验收证明',
          trigger: 'change'
        }],
        dataFlows: [{
          required: true,
          message: '不能为空',
          trigger: 'change'
        }],
        dataFlowFiles: [{
          required: true,
          message: '请上传项目合同及验收证明',
          trigger: 'change'
        }],
        dataIntellProperties: [],
        dataIntellPropertyFiles: [],
        standardSetting: [],
        standardSettingFiles: [],
        patents: [],
        patentFiles: [],
        authorshipList: [],
        authorshipFile: [],
        platformStatus: [],
        platformLevel: [
          {
            validator: (rule, value, callback) => {
              if (self.dataServicesInfo.platformStatus && !value) {
                callback(new Error('请选择入选类型'))
              } else {
                callback()
              }
            },
            trigger: 'change',
            type: 'string'
          },
        ],
        platformDesc: [
          {
            validator: (rule, value, callback) => {
              if (self.dataServicesInfo.platformStatus === 1 && !value) {
                callback(new Error('请输入建设情况及成效'))
              } else {
                callback()
              }
            },
            trigger: 'blur',
            type: 'string'
          },
        ],
        platformFiles: [],
        brainBuildingStatus: [],
        brainBuildingDesc: [
          {
            validator: (rule, value, callback) => {
              if (self.dataServicesInfo.brainBuildingStatus === 1 && !value) {
                callback(new Error('请输入建设情况及成效'))
              } else {
                callback()
              }
            },
            trigger: 'blur',
            type: 'string'
          },
        ],
        brainBuildingFiles: [],
        cpmsStatus: [],
        cpmsDesc: [
          {
            validator: (rule, value, callback) => {
              if (self.dataServicesInfo.cpmsStatus === 1 && !value) {
                callback(new Error('请输入建设情况及成效'))
              } else {
                callback()
              }
            },
            trigger: 'blur',
            type: 'string'
          },
        ],
        industryDWStatus: [],
        hasDockedProvinceDW: [],
        dwDesc: [
          {
            validator: (rule, value, callback) => {
              if (self.dataServicesInfo.industryDWStatus === 1 && !value) {
                callback(new Error('请输入建设情况及成效'))
              } else {
                callback()
              }
            },
            trigger: 'blur',
            type: 'string'
          },
        ],
      },
      dataQualityRules: {
        qualifications: [{
          required: true,
          type: 'array',
          message: '请至少选择一个获得企业资质',
          trigger: 'change'
        }],
        otherQualifications: [
          {
            validator: (rule, value, callback) => {
              if (self.dataServicesInfo.qualifications.includes(99) && !value.length) {
                callback(new Error('请输入其他资质'))
              } else {
                callback()
              }
            },
            trigger: 'change',
            type: 'array'
          },
        ],
        qualificationFiles: [
          {
            required: true,
            type: 'array',
            message: '请上传获得的企业资质文件',
            trigger: 'change'
          },
        ],
        achievements: [],
        achievementFiles: [],
        promotion: [],
        promotionFiles: [],
      },
      caseInfoRules: {
        caseName: [
          { required: true, message: '请输入场景案例名称', trigger: 'blur' }
        ],
        caseType: [
          { required: true, message: '请选择场景案例类型', trigger: 'change' }
        ],
        caseDesc: [
          { required: true, message: '请输入场景案例描述', trigger: 'blur' }
        ],
      },
      reportDatePickerOptions: {
        disabledDate(date) {
          return date.getTime() < Date.now() - 3600000 * 24;
        }
      },
      firstCol: {
        "colId": "col_index",
        "type": "seq",
        "title": "序号",
        "width": 50,
        "editRender": {
          "enabled": false,
          "componentName": "el-input",
          "autofocus": ".el-input__inner"
        },
        "align": "center"
      },
      reportTypeOptions: [{
        "label": "领军型",
        "value": 1
      }, {
        "label": "成长型",
        "value": 2
      }],
      dataBusinessClassOptions: [{
        "label": "数据技术服务",
        "value": 1
      }, {
        "label": "数据产品开发",
        "value": 2
      }, {
        "label": "数据流通服务",
        "value": 3
      }, {
        "label": "数据安全保障",
        "value": 4
      }, {
        "label": "数据平台运营服务",
        "value": 5
      }],
      isOptions: [{
        "label": "是",
        "value": 1
      }, {
        "label": "否",
        "value": 0
      }],
      dcmmLevelOptions: [{
        "label": "未通过",
        "value": 0
      }, {
        "label": "一级",
        "value": 1
      }, {
        "label": "二级",
        "value": 2
      }, {
        "label": "三级",
        "value": 3
      }, {
        "label": "四级",
        "value": 4
      }, {
        "label": "五级",
        "value": 5
      }],
      platformLevelOptions: [{
        "label": "入选工信部双跨工业互联网平台、专业特色型工业互联网平台等工业互联网相关项目的",
        "value": 1
      }, {
        "label": "入选省级工业互联网平台认定名单",
        "value": 2
      }, {
        "label": "入选省级工业互联网平台创建名单",
        "value": 3
      }, {
        "label": "入选地市级、县区级工业互联网相关项目",
        "value": 4
      }],
      qualificationsOptions: [{
        "label": "浙江省大数据应用示范企业",
        "value": 1
      }, {
        "label": "浙江省“专精特新”中小企业",
        "value": 2
      }, {
        "label": "浙江省科技型中小企业",
        "value": 3
      }, {
        "label": "高新技术企业",
        "value": 4
      }, {
        "label": "专精特新“小巨人”企业",
        "value": 5
      }, {
        "label": "国家级科技型中小企业",
        "value": 6
      }, {
        "label": "工信部大数据产业应用发展示范项目承担企业",
        "value": 7
      }, {
        "label": "其他，请填写下表",
        "value": 99
      }],
      caseTypeOptions: [{
        "label": "数据技术服务",
        "value": 1
      }, {
        "label": "数据产品开发",
        "value": 2
      }, {
        "label": "数据流通服务",
        "value": 3
      }, {
        "label": "数据安全保障",
        "value": 4
      }, {
        "label": "数据平台运营服务",
        "value": 5
      }],

      uploadAction: '/admin-api/infra/file/upload',
      uploadHeaders: {
        ...headers
      },
      businessLicenseFileList: [],
      financialReportsFileList: [],
      cdoDocFileList: [],
      certificationFilesFileList: [],
      dataProjectFilesFileList: [],
      dataFlowFilesFileList: [],
      dataIntellPropertyFilesFileList: [],
      standardSettingFilesFileList: [],
      patentFilesFileList: [],
      authorshipFilesFileList: [],
      platformFilesFileList: [],
      brainBuildingFilesFileList: [],
      qualificationFilesFileList: [],
      achievementFilesFileList: [],
      promotionFilesFileList: [],
    };
  },
  watch: {
    defaultValue(newVal) {
      const formData = this.getFormData();
      if (!isEqual(newVal, formData)) {
        this.setFormData(newVal);
      }
    }
  },
  methods: {
    async validator() {
      let allValidate = [];
      for (let i = 0; i <= 6; i++) {
        const formRef = this.$refs['elForm' + i];
        allValidate.push(formRef.validate());
      }
      for (let i = 0; i < this.caseInfo.length; i++) {
        const formRef = this.$refs['caseForm' + i];
        allValidate.push(formRef.validate());
      }
      return Promise.all(allValidate).then((result) => {
        // console.log('result', result);
        if (result.indexOf(false) === -1) {
          // console.log('submit!', this.formData, this.basicInfo, this.businessInfo, this.managementInfo, this.dataManagementInfo, this.dataServicesInfo, this.dataQuality, this.caseInfo);
          if (this.reportData.reportType.includes(1) && this.caseInfo.length < 3) {
            this.$message.warning('“领军型”企业，场景案例数不少于3个，请追加');
            return;
          } else if (this.reportData.reportType.includes(2) && this.caseInfo.length < 1) {
            this.$message.warning('“成长型”企业，场景案例数不少于1个，请追加');
            return;
          }

          return true;
        } else {
          this.$message.warning('表单验证失败，请检查');
          return false;
        }
      }).catch((error) => {
        this.$message.warning('表单验证失败，请检查');
      });
    },
    getFormData() {
      return cloneDeep({
        reportData: this.reportData,
        basicInfo: this.basicInfo,
        businessInfo: this.businessInfo,
        managementInfo: this.managementInfo,
        dataManagementInfo: this.dataManagementInfo,
        dataServicesInfo: this.dataServicesInfo,
        dataQuality: this.dataQuality,
        caseInfo: this.caseInfo,
      });
    },
    setFormData(data) {
      const { reportData, formData, basicInfo, businessInfo, managementInfo, dataManagementInfo, dataServicesInfo, dataQuality, caseInfo } = data || {};
      this.reportData = reportData || formData || this.reportData;
      this.basicInfo = basicInfo || this.basicInfo;
      this.businessInfo = businessInfo || this.businessInfo;
      this.managementInfo = managementInfo || this.managementInfo;
      this.dataManagementInfo = dataManagementInfo || this.dataManagementInfo;
      this.dataServicesInfo = defaultsDeep(dataServicesInfo, this.dataServicesInfo);
      this.dataQuality = dataQuality || this.dataQuality;
      this.caseInfo = Array.isArray(caseInfo) ? caseInfo : Array.from({
        length: Object.keys(caseInfo).length,
        ...caseInfo
      }) || this.caseInfo;
    },
    async submitForm(processDefinitionId, extraFormData) {
      // 外部调用提交表单方法
      const result = await this.validator();
      if (!result) {
        return;
      }
      const formData = this.getFormData();

      return createProcessInstance({
        processDefinitionId,
        variables: { ...formData, ...(extraFormData || {}) },
      })
        .then((res) => {
          this.$modal.msgSuccess("发起流程成功");
          return res;
        })
    },
    resetForm() {
      for (let i = 0; i <= 6; i++) {
        this.$refs['elForm' + i].resetFields();
      }
      for (let i = 0; i < this.caseInfo.length; i++) {
        this.$refs['caseForm' + i].resetFields();
      }
    },
    beforeUpload(file, accept) {
      const isRightSize = file.size / 1024 / 1024 < 20;
      if (!isRightSize) {
        this.$message.error('文件大小超过 20MB');
      }
      let isAccept = true;
      if (accept) {
        isAccept = new RegExp(accept).test(file.type);
        if (!isAccept) {
          this.$message.error(`应该选择${accept}类型的文件`);
        }
      }
      return isRightSize && isAccept;
    },
    onUploadSuccess(res, file, fileField, formData) {
      this[fileField + 'FileList'] = this[fileField + 'FileList'].concat([{
        name: file.name,
        url: res.data
      }]);
      const prev = this[formData][fileField] || [];
      // 上传成功后的回调，图片路径存储起来
      this.$set(this[formData], fileField, [...prev, res.data]);
    },
    onPreview(file) {
      downloadFile(file);
    },
    onRemove(file, fileList, fileField, formData) {
      console.log(file, fileList, fileField, formData);
      this[fileField + 'FileList'] = fileList.map(f => ({ name: f.name, url: f.url }));
      this.$set(this[formData], fileField, fileList.map(f => f.url));
    }
  }
};

</script>
<style lang="scss">
.digit-report-form {
  margin: 0 auto;
  max-width: 980px;
  font-size: 14px;

  .report-form-title {
    margin: 60px 0;
  }

  .page-subtitle {
    margin: 20px 0;
  }

  .page-tips {
    text-indent: 2em;
    line-height: 1.5;
  }

  .blank_line {
    border-bottom: 1px solid #f2f2f2;
    height: 36px;
  }

  .blank-space {
    margin: 0 20px;
  }

  .check-tips {
    margin-right: 10px;
  }

  :deep(.el-form) {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  :deep(.el-upload__tip) {
    line-height: 1.2;
  }

  :deep(tr) {
    &[rowid="row_90"] {
      .col_root_1715742621305 {
        position: relative;

        &::after {
          content: '近三年平均研发费用占比';
          position: absolute;
          left: 16px;
          bottom: 12px;
        }

        &:active::after {
          content: none;
        }

        .el-input,
        .vxe-cell {
          position: relative;
          z-index: 1;
          background-color: #fff;
        }

      }
    }
  }

  :deep(.el-radio) {
    line-height: 1.5;
  }

  :deep(.un-list-panel) {
    .el-form {
      padding-bottom: 0;
      margin-bottom: 0;
    }
  }
}
</style>
